<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css?v=v3.3.7" media="all">
    <link rel="stylesheet" type="text/css" href="../css/font/iconfont.css?v=1.0.0" media="all">
    <link rel="stylesheet" type="text/css" href="../css/layui.css?v=1.0.9" media="all">
</head>
<body>
<div style="display: inline-block; width: 100%; height: 100%; padding: 10px; border: 1px solid #ddd;
 overflow: auto;">
    <ul id="demo1"></ul>
</div>
<div class="layui-layer-btn layui-layer-btn-" style="
    padding-top: 20px;
    padding-right: 40px;
"><a class="layui-layer-btn0">确定</a></div>
<script src="../js/layui/layui.js"></script>
<script>
    //Demo
    layui.use(['tree', 'layer'], function(){
        var layer = layui.layer
                ,$ = layui.jquery;
        $.post('/education/admin/dept/treeData', function(rs){
            console.log(rs)
            layui.tree({
                elem: '#demo1' //指定元素
                ,target: '_blank' //是否新选项卡打开（比如节点返回href才有效）
                ,click: function(item){ //点击节点回调
                    //layer.msg('当前节名称：'+ item.name + '<br>全部参数：'+ JSON.stringify(item));
                    console.log(item);
                    parent.choiceDept(item);
                }
                ,nodes: rs.data
            });

            var  frameindex= parent.layer.getFrameIndex(window.name);
            $('.layui-layer-btn0').click(function(){
                parent.layer.close(frameindex);
            })


        });
        /*layui.tree({
            elem: '#demo1' //指定元素
            ,target: '_blank' //是否新选项卡打开（比如节点返回href才有效）
            ,click: function(item){ //点击节点回调
                layer.msg('当前节名称：'+ item.name + '<br>全部参数：'+ JSON.stringify(item));
                console.log(item);
            }
            ,nodes: [ //节点
                {
                    name: '常用文件夹'
                    ,id: 1
                    ,alias: 'changyong'
                    ,children: [
                    {
                        name: '所有未读（设置跳转）'
                        ,id: 11
                        ,href: 'http://www.layui.com/'
                        ,alias: 'weidu'
                    }, {
                        name: '置顶邮件'
                        ,id: 12
                    }, {
                        name: '标签邮件'
                        ,id: 13
                    }
                ]
                }
            ]
        });*/

    });
</script>
</body>
</html>